第一次使用firebase功能，一開始不知道從何下手，看了教學後跟著做發現會有錯誤，於是去看了官方文件，多次嘗試後終於做出成功註冊了!!!

首先是在src資料夾之下建立utils(放共用的js)，再建立一個firebase.js。

import firebase from 'firebase/compat/app';

const firebaseConfig = {
    //專案設定中的SDK 設定和配置可以找到
  };

firebase.initializeApp(firebaseConfig);

export default firebase;

先初始化firebase，再到註冊頁面引入。(這個步驟一開始用到網絡模塊化API所以一直失敗.…，雖然這感覺是很基本的問題，但錯過了下次就不會再浪費時間找答案了)

接著，到註冊頁面引入firebase，再按下註冊按鈕時出現了報錯Uncaught TypeError: *utils_firebase__WEBPACK_IMPORTED_MODULE_3*_.default.auth is not a function

import { getAuth, createUserWithEmailAndPassword } from "firebase/auth"
import firebase from '../utils/firebase';

function Signup(){
    const [email,setEmail]=useState('');
    const [password,setPassword]=useState('');

    function onSubmit(){
        firebase.auth().createUserWithEmailAndPassword(email, password)
        .then((userCredential) => {
            // Signed in 
            var user = userCredential.user;
            // ...
        })
        .catch((error) => {
            var errorCode = error.code;
            var errorMessage = error.message;
            // ..
        });
    };
    return(//--略--//)
}

代表這一段一定是少引入了什麼!!! 上網找到了答案，加上了這一條就沒問題啦~

import 'firebase/compat/auth';

註冊一筆新資料成功!!! 明天登入再戰。